<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
</head>
<body>
	<!-- 表格布局练习：2行2列 -->
	<!-- table>tr*2>td*2 -->
	<table border="1" width="100%">
		<tr>
			<td rowspan="2" width="180">
				<ul>
					<li>
						商品管理
						<ol>
							<li>添加商品</li>
							<li>商品列表</li>
							<li>多条件搜索</li>
						</ol>
					</li>
					<li>用户管理</li>
					<li>订单管理</li>
				</ul>
			</td>
			<td height="50">
				<!-- table>tr>td*2 -->
				<table border="1" width="100%">
					<tr>
						<td align="left">汉堡包按钮</td>
						<td align="right">用户信息</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<!-- <td>21</td> -->
			<td>
				<h2>添加新的笔记本商品</h2>
				<hr>
				<!-- table>tr>td*3 -->
				<table border="1" width="100%">
					<tr>
						<td align="right">
							<label for="zhubiaoti">主标题：</label>
						</td>
						<td>
							<input type="text" id="zhubiaoti" placeholder="请输入...">
						</td>
						<td>
							<span>标题不能超过128个字符</span>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>